/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin:0; padding:0;}

*{
margin:0;
padding:0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size:100%;}

/*Removes list-style from lists */
ol, ul
{list-style: none;}

/*Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight:normal;}

/*Removes borders and spacing from tables */
table
{border-collapse: collapse; border-spacing:0;}

/*Removes border from fieldset and img */
fieldset, img
{border:0;}

/*Left-aligns text in caption and th */
caption,th
{text-align: left;}

/*Removes uotation marks from q*/
q:before, q:after
{content :'';}

/* =si_clear_children*/
.pc,.sc { position: absolute; top: 0; left: 0;}
.pc { width: 69%; left: 1%; }
.sc { width: 29%; left:71%;}

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


/* On to the main body */

html{
background-color:#BDEDF8;
background-image : url("/media/backgrounds/bluebackground.png");
background-repeat:repeat-x;
text-align:center;
}

body{
width : 900px;
position: relative;
margin: 0 auto;
text-align: left;
padding-top:50px;}

div#content{
position: relative;
width: 900px;
margin: 0;
padding: 0;}


div#branding, div#nav_main{
width:100%;
background-color:#f1efe2;}

div#containerBranding{
background-image: url("/media/backgrounds/wavyblueBorder.png");
height: 140px;
background-repeat: no-repeat;
padding-top: 1em;
border-bottom: 2px solid black;
margin-bottom: 2em;
/*background-image: url(http://farm3.static.flickr.com/2224/2133616297_71b9665207.jpg) no-repeat 0 0;*/
}

div#branding{
padding-left: 1em;
background: transparent;}


div#site_info{
width: 100%;
background-image:url("/media/backgrounds/wavyblueFooter.png");
height: 80px;
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: relative;
margin-top:2em;
border-top: 2px solid black;
padding-left: 0.25em;
}


p#branding{
padding-left:2em;}


/*******************CSS for Home Page*********************/

div#homepage{
width:96%;
margin-left:2%;
margin-right:2%;
background-color:#FFFFFF;
border: 1px solid black;}

p#question{
color:black;
font-size:200%;
font-weight:bold;}


p#answer{
color:black;
font-size:160%;
margin-right:2em;}

p#getStarted{
content:block;
font-size:200%;
border: 1px solid black;
background-color:#D8FF9B;
width :40%;
margin-left:30%;
margin-right:30%;
font-weight:bold;
text-align:center;}

img#homepage{
border: 1px solid black;
margin-left:auto;
margin-right:auto;
text-align:center;
display:block;}

.homepage A:link{text-decoration: none; color:Black}
.homepage A:visited{text-decoration:none; color:Black}

/****************************************************/

/*******************CSS for Contact Page*********************/
div#contact{
width:96%;
margin-left:2%;
margin-right:2%;
background-color:#FFFFFF;
border: 1px solid black;}

p#contact{
font-size:125%;
margin-left:1em;}

label#contact{
float: left;
display:block;  
width: 12em;
margin-left:1em;  
margin-right: 1em; 
clear:left;
font-weight:strong;}

span#contact{
margin-left:4em;
margin-top:0.25em;
margin-bottom:1em;}

input#contact{
margin-top:1em;
margin-bottom:1em;
width: 400px;}

#id_topic{
width: 400px;}

#id_message{
width: 400px;}

#id_sender{
width: 400px;}

/****************************************************/


/*******************CSS for Search Page*********************/

div#search{
width:96%;
margin-left:2%;
margin-right:2%;
background-color:#FFFFFF;
border: 1px solid black;}

h2#search{
font-size:200%}

table#searchTable{
margin-left: auto;
margin-right: auto;}

form#search{
margin-left:33%;}

p#underSearch{
margin-left:33%;
font-size: 90%;
color:gray;}


/****************************************************/

/*******************CSS for Class Display Page*********************/
div#classDisplay{
width:96%;
margin-left:2%;
margin-right:2%;
background-color:#FFFFFF;
border: 1px solid black;}

div#content_mainClassdisplay{
padding: 0;
margin: 0;
}

div#content_ratingClassdisplay{
padding: 0;
}

h2#encasing{
margin:0;
padding:0;
background-color:#D8FF9B;
border-bottom: 1px solid black;
width:100%;}

p#encasing{
background-color:background-color:#D8FF9B;
border-bottom: 1px solid black;
width:100%;}

p#addInfo{
display:block;
float:left;
clear:left;
width:15em;
display:block;
height: 30px;}

table#classSchedule{
margin-top:2em;
margin-bottom:2em;
margin-left:auto;
margin-right:auto;}


/***********************************************************/

/******************* CSS for the Registration / Login Page ********/

h2#login{
margin-left:0;
margin-top:0;
padding-top:0;
margin-bottom: .35em;
font: 200% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight : bold;
letter-spacing:-1px;
margin-right:0px;
border-bottom: 1px solid;
width:100%;
background-color:#D8FF9B;
}

div#login_left{
background-color:white;
border: 1px solid;}

div#login_right{
background-color:white;
border: 1px solid;}

label#login{
float: left;  
width: 10em;  
margin-right: 1em; 
clear:left;}


input#stylized{
margin-left:168px;
width:145px;
height:31px;
text-align:center;
line-height:31px;
color:black;
font-size:14px;
font-weight:bold;
}

/* =si_clear_children*/
.pc1,.sc1 { position: absolute; top: 0; left: 0; height:240px;}
.pc1 {width: 45%; left:53%;}
.sc1 { width: 45%; left: 2%;}

.clear_children1,.cc_tallest1 { position: relative; } /*\*/* html .clear_children1 { display: inline;}/**/
.cc_tallest1:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/************************************************/


/******************* CSS for the About Page ********/
div#about{
width:96%;
margin-left:2%;
margin-right:2%;
background-color:#FFFFFF;
border: 1px solid black;}

p#faqQs{
font-weight:bold;
margin-top:1em;
margin-bottom:0.5em;
border-bottom: 1px solid black}

p#faqAs{
margin-left:4em;
margin-right:4em;}



/************************************************/

td{
padding-left:0.25em;
padding-right:0.25em;}

h5{
	font-size : 10pt;}
	
.branding A:link{text-decoration: none; color:Black}
.branding A:visited{text-decoration:none; color:Black}


ul.errorlist {
	margin: 0;
	padding: 0;}

div.navbar{
	position:static;
	font-size:18pt;
	text-align:center;
	border-top: 2px solid black;
	margin-top: 1em;
	width:900px;
	color: black;}

.navbar A:link{text-decoration: none; color:Blue}
.navbar A:visited{text-decoration:none; color:Blue}



ul.search{
}
	
.errorlist li {
	background-color: red;
	color: white;
	display: block;
	font-size: 10px;
	margin: 0 0 3px;
	padding: 4px 5px;}
	
.tb-gradient {
	/* background: transparent url(gradient.gif) no-repeat top left; */
	height: 28px;
	width: 225px;
	padding-top:2px;
	font-size:12pt;
}

.bt-search{
	font-size:10pt;
	width:90px;
	padding-top:2px;
	padding-left:5px;
	margin-left:5px;
}

.tb-gradient2 {
/* background: transparent url(gradient.gif) no-repeat top left; */
	width: 225px;
	padding-top:2px;
	font-size:12pt;
}

.bt-search2{
	width: 130px;
	font-size:12pt;
	padding-top:2px;
	padding-left:5px;
	margin-left:5px;
}

div.info{
	margin:auto;
	width:800px;
}


div.bolder{
	font-size:18pt;
	margin:auto;
	width:800px;
}

ul.errorlist {
	margin: 0;
	padding: 0;
}
.errorlist li {
	background-color: red;
	color: white;
	display: block;
	font-size: 10px;
	margin: 0 0 3px;
	padding: 4px 5px;
}

/*Typography.css - Typography for the webiste*/

body{
font: 72%/1.5 "Trebnuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}

h2,h3,h4,ul,blockquote, label, span#h4, p#classDisplay{
margin: 0 20px .75em}

p{
margin-left:2em}

h2, h3{
margin-bottom: .35em;
margin-top: .25em;
font: 150% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight : bold;
letter-spacing:-1px}

li >h4{margin-left:0;}


span#encasing{

}

span#h2{
margin-bottom: .35em;
margin-top: .25em;
font: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight : bold;
letter-spacing:-1px;
margin-right:0px;
background-color:#D8FF9B;
border-bottom: 1px solid black;
margin-left:0;
margin-right:0;
}

span#p{
font-size:75%;
}

span#h4{
font-weight:bold;
background-color:#D8FF9B;
border-bottom: 1px solid black;}

span#h4req{
font-weight:bold;
margin-left:2em;
border-bottom:1px solid}

span#rating{
margin-left:0em;
font-size=50%}

p#classDisplay{
margin-left:4em}

span#rightjustified{
text-align:right}

a:link, a:visited{
text-decoration:none;}